@extends('webAce.common.main')
@section('header')
<meta name="keywords" content="户用光伏,家庭光伏发电,分布式光伏,家用光伏发电">
<meta name="description"
      content="解决家庭清洁能源利用与投资需求，革新产业生态，提升行业效率，为终端用户提供高附加值的产品与服务，让清洁能源走进每个中国家庭。">
<title>碳银网 | —家庭清洁能源利用与投资服务平台</title>
@endsection
@section('container')
<div class="tw-banner j_slide tw-panel" style="height: 650px" id="banner">
    <ul class="slide j_mainSlide">
        <li class="slide0" style="background-image: url('/ace/img/1111.jpg?t=01')"><a href="/htmls/1111.html" target="_blank"></a></li>
        <li class="slide1" style="background-image: url('/ace/img/banner2.jpg?t=01')">
            <a href="/infoT?id=261&cid=5#tab"></a>
        </li>
        <li class="slide3" style="background-image: url('/ace/img/banner3.jpg?t=03')">
        </li>
        <li class="slide2" style="background-image: url('/ace/img/banner4.jpg?t=02')">
            <a href="/SiteAce/application"></a>
        </li>
        <li class="slide5" style="background-image: url('/ace/img/banner5.jpg?t=02')">
            <a class="video j_video"><i>&nbsp;</i></a>
        </li>
    </ul>
    <div class="page j_slidePage">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<div id="video" class="home-video" style="display: none">
    <a class="close j_closeVideo">关闭</a>
    <video id="twVideo" class="video-contain" width="100%" height="100%" preload controls>
        <source src="/uploads/twvcr.mp4" type="video/mp4">
        你的浏览器不支持video标签。
    </video>
</div>
<div class="home-layer2">
    <div class="tw-contain">
        <div class="layer2-about">
            <div class="title">打造产业协同服务平台 &nbsp; 赋能清洁能源合作伙伴</div>
            <div class="apps">
                <div class="tit">碳银 · 光良</div>
                <div class="tip">不止是工具，是低碳生活的多一点选择</div>
                <div class="tit">碳银 · 碳盈</div>
                <div class="tip">便于清洁能源从业者服务千家万户</div>
            </div>
        </div>
        <div class="sphere">
            <div class="sphere-tip" data-class="pos1">标<br>准</div>
            <div class="sphere-tip" data-class="pos2">创<br>新</div>
            <div class="sphere-tip" data-class="pos3">协<br>同</div>
            <div class="sphere-tip" data-class="pos4">共<br>享</div>
            <canvas id="3D-sphere"></canvas>
        </div>
    </div>
</div>
<div class="home-layer3">
    <div class="tw-contain">
        <div class="img img1 j_ani3"></div>
        <div class="img img2 j_ani3"></div>
        <div class="layer3-qrcode">
            <div class="tit">碳银光良APP－正式上线</div>
            <div class="tip">不止是电站管理工具，是分享赚钱的机会</div>
            <div class="down">
                <div class="qrcode">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="home-layer6">
    <div class="tw-contain">
        <div class="img j_ani6"></div>
        <div class="about">
            <div class="title">
                <span>热门</span> 光伏资讯<br>
                <span>一手</span> 行业动态
            </div>
            <div class="txt">
                紧跟行业潮流<br>
                资讯热点一网打尽<br>
                有料 &nbsp; 有趣 &nbsp; 又好玩
            </div>
        </div>
    </div>
</div>
<div class="home-layer7">
    <div class="tw-contain">
        <div class="layer7-title">高效、便捷的业务协同系统</div>
        <div class="layer7-subtit">实时跟进业务进展、一键提报业务需求、自动匹配业务支撑，让合伙人更省心，专业的人专注于专业的事</div>
        <div class="imgs j_ani7">
            <div class="img img1"></div>
            <div class="img img2 j_ani7"></div>
            <div class="img img3 j_ani7"></div>
            <div class="img img4 j_ani7"></div>
            <div class="img img5 j_ani7"></div>
        </div>
    </div>
</div>
<div class="home-layer8">
    <div class="tw-contain">
        <div class="layer3-qrcode layer8-qrcode">
            <div class="tit">碳银 · 碳盈APP -- 立即体验</div>
            <div class="tip">便于清洁能源从业者服务千家万户</div>
            <div class="down">
                <div class="qrcode qrcode-ty" style="margin: auto">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- style="background: url('/ace/img/bg.png') no-repeat top center"-->
<div class="home-layer5">
    <div class="tw-contain">
        <div class="tw-h1">
            <div class="tit">丰富的产品类型选择，让阳光收益惠及千家万户</div>
            <div class="sub">为用户提供多样化的产品类型，完美兼顾用户的投资收益与居家舒适的产品需求</div>
        </div>
        <div class="tw-contain">
            <div class="vm-slide">
                <div class="slide">
                    <ul class="j_vmSlide">
                        <li>
                            <div class="img"><img src="/ace/img/img-layer5_01.jpg" alt=""></div>
                            <div class="text">
                                <div class="tit">户用光伏电站</div>
                                <div class="tip">根据屋顶面积，提供多种规格的产品类型，可贷款</div>
                                <a class="btn j_buy" data-type="1">立即订购</a>
                            </div>
                        </li>
                        <li>
                            <div class="img"><img src="/ace/img/img-layer5_02.jpg" alt=""></div>
                            <div class="text">
                                <div class="tit">家用充电桩</div>
                                <div class="tip">直流充电，可与户用光伏搭配购买，需有私有车位</div>
                                <a class="btn j_buy" data-type="2">立即订购</a>
                            </div>
                        </li>
                        <li>
                            <div class="img"><img src="/ace/img/img-layer5_03.jpg" alt=""></div>
                            <div class="text">
                                <div class="tit">光伏＋采暖</div>
                                <div class="tip">适用于农村地区煤改电，“光伏＋热源”取暖技术试点</div>
                                <a class="btn j_buy" data-type="2">立即订购</a>
                            </div>
                        </li>
                        <li>
                            <div class="img"><img src="/ace/img/img-layer5_04.jpg" alt=""></div>
                            <div class="text">
                                <div class="tit">光伏＋储能</div>
                                <div class="tip">适用于别墅用户，“光伏＋储能”让您全天享受绿色电力</div>
                                <a class="btn j_buy" data-type="2">立即订购</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <a class="arr arr-prev j_vmPrev"></a>
                <a class="arr arr-next j_vmNext"></a>
            </div>
        </div>
    </div>
</div>
<div class="home-layer4">
    <div class="tw-contain">
        <div class="tw-h1">
            <div class="tit">碳银极光 &nbsp; 把户用光伏做到极致</div>
            <div class="sub">基于TIaaS平台，将硬件、软件、服务叠加融合，打造极致的户用光伏产品体验</div>
        </div>
        <div class="tw-part">
            <div class="list">
                <ul>
                    <li>
                        <div class="sect sect1">
                            <div class="title">性价比极高</div>
                        </div>
                    </li>
                    <li>
                        <div class="sect sect2">
                            <div class="title">品质极可靠</div>
                        </div>
                    </li>
                    <li>
                        <div class="sect sect3">
                            <div class="title">售后极安心</div>
                        </div>
                    </li>
                    <li>
                        <div class="sect sect4">
                            <div class="title">金融极灵活</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="home-layer9">
    <div class="tw-contain">
        <div class="tw-h1">
            <div class="tit">碳银的数字经济模式 一直受到各界的高度关注与重视</div>
        </div>
        <div class="scroll">
            <ul id="j_scroll">
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_1.jpg" alt="国家发改委应对气候变化司李高司长莅临碳银">
                    </div>
                    <div class="tit">国家发改委应对气候变化司李高司长莅临碳银</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_2.jpg" alt="杭州市市长张鸿铭见证碳银平台上线">
                    </div>
                    <div class="tit">杭州市市长张鸿铭见证碳银平台上线</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_3.jpg" alt="重庆市高新区管委会副主任赵文明调研碳银">
                    </div>
                    <div class="tit">重庆市高新区管委会副主任赵文明调研碳银</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_4.jpg" alt="杭州市委常委、萧山区委书记俞东来考察碳银">
                    </div>
                    <div class="tit">杭州市委常委、萧山区委书记俞东来考察碳银</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_5.jpg" alt="杭州市政协副主席张鸿建莅临碳银指导">
                    </div>
                    <div class="tit">杭州市政协副主席张鸿建莅临碳银指导</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_6.jpg" alt="萧山区委副书记、区长王敏莅临碳银">
                    </div>
                    <div class="tit">萧山区委副书记、区长王敏莅临碳银</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_9.jpg" alt="中国工程院院士曲久辉在碳银主办的水环境产业发展研讨会发言">
                    </div>
                    <div class="tit">中国工程院院士曲久辉在碳银主办的水环境产业发展研讨会发言</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_10.jpg" alt="中国工程院院士蹇锡高在废旧轮胎资源化利用签约仪式上发言">
                    </div>
                    <div class="tit">中国工程院院士蹇锡高在废旧轮胎资源化利用签约仪式上发言</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_11.jpg" alt="北京大学经济学教授何帆主持水环境产业研讨会沙龙">
                    </div>
                    <div class="tit">北京大学经济学教授何帆主持水环境产业研讨会沙龙</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_12.jpg" alt="杭州市萧山区衙前低碳小镇建设项目">
                    </div>
                    <div class="tit">杭州市萧山区衙前低碳小镇建设项目</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_13.jpg" alt="龙游废旧轮胎资源化利用项目签约">
                    </div>
                    <div class="tit">龙游废旧轮胎资源化利用项目签约</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_14.jpg" alt="湖北黄州水环境综合治理项目签约">
                    </div>
                    <div class="tit">湖北黄州水环境综合治理项目签约</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_15.jpg" alt="碳银与行业龙头隆基乐叶签约">
                    </div>
                    <div class="tit">碳银与行业龙头隆基乐叶签约</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_16.jpg" alt="碳银与央企中建中环签约">
                    </div>
                    <div class="tit">碳银与央企中建中环签约</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_17.jpg" alt="钱江世纪城党工委书记、管委会主任黄国钧莅临碳银指导">
                    </div>
                    <div class="tit">钱江世纪城党工委书记、管委会主任黄国钧莅临碳银指导</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_18.jpg" alt="萧山区副区长魏大庆一行莅临碳银网">
                    </div>
                    <div class="tit">萧山区副区长魏大庆一行莅临碳银网</div>
                </li>
                <li>
                    <div class="img">
                        <img src="/ace/img/img-layer6_19.jpg" alt="碳银与重庆高新区能源环保项目签约">
                    </div>
                    <div class="tit">碳银与重庆高新区能源环保项目签约</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="pop j_pop" id="j_pop1">
    <div class="pop-bg j_bg"></div>
    <div class="pop-qrcode pop-form">
        <div class="close j_close"></div>
        <div class="tit">资料填写</div>
        <div class="form">
            <div class="item">
                <input type="text" id="partner_name" class="text" maxlength="10" placeholder="姓名">
            </div>
            <div class="item">
                <input type="tel" id="partner_phone" class="text" maxlength="11" placeholder="电话">
            </div>
            <div class="item">
                <input type="text" id="address" class="text" maxlength="100" placeholder="房屋地址">
            </div>
            <div class="item">
                <a class="btn" id="j_applySubmit">确认提交</a>
            </div>
        </div>
    </div>
</div>
<div class="pop j_pop" id="j_pop2">
    <div class="pop-bg j_bg"></div>
    <div class="pop-qrcode pop-error">
        <div class="close j_close"></div>
        <div class="icon"></div>
        <div class="tit">敬请期待，暂时不支持线上订购</div>
    </div>
</div>
@endsection
@section('script')
<script src="/ace/js/3D-sphere.js"></script>
<script src="/ace/js/index.js"></script>
<script>(function ($) {
    $(function () {
        $('.j_video').on('click', function () {
            $('#video').css('display', 'block');
        });
        $('.j_closeVideo').on('click', function () {
            $('#video').css('display', 'none');
            //暂停播放
            $('#twVideo')[0].pause();
        });
    });
})(jQuery);</script>
@endsection
